<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<title>Untitled Document</title>
	</head>
	<body>
		<div id="table"></div>
		<div id="chart"></div>
		<script src="../visualizations.js"></script>
		<script type="text/javascript">
			loadAPI("orgchart", "callback");
			function callback(){debugger;
				var chart = new OrgChart({
					chartContainer: "chart",
					tableContainer: "table",
					delimiter: "~",
					showTable : false,
					allowCollapse : true,
					tableConf : {tooltip : {showInTable : true}, info : {showInChart : false}}
				});
				chart.setData({
					parent: "A~A~Steel Erection~Beams~Beams~Steel Erection~Columns~Columns~A~B~B~B~Columns~Columns C~Columns C~Steel Erection~Joists~Electricity~Electricity~Electricity~HVAC Equipment",
					child: "A~Steel Erection~Beams~Beams B~Beams A~Columns~Columns B~Columns A~B~C~E~D~Columns C~Column C A~Columns C B~Joists~Electricity~Install and Terminate~Rough In Electrical~HVAC Equipment~Testing"
					//info: "Cost amt-334160<br />Sales amt-561000~Cost amt-334000<br />Sales amt-396000~Cost amt-160<br />Sales amt-165000~Cost amt-170000<br />Sales amt-200000~Cost amt-170000<br />Sales amt-200000~Cost amt-164000<br />Sales amt-196000~Cost amt-10000<br />Sales amt-12000~Cost amt-17000<br />Sales amt-20000~Cost amt-17000<br />Sales amt-20000~Cost amt-100000<br />Sales amt-120000~Cost amt-20000<br />Sales amt-24000~Cost amt-400<br />Sales amt-30000~Cost amt-400<br />Sales amt-30000~Cost amt-400<br />Sales amt-30000~Cost amt-400<br />Sales amt-30000~Cost amt-120<br />Sales amt-45000"
				});
				chart.draw();
				//chart.collapseAll();
				//debugger;
			}callback();
		</script>
	</body>
</html>
